<template>
  <div class="message-type-demo">
    <MButton type="primary" @click="handleClick('primary')">primary</MButton>
    <MButton type="success" @click="handleClick('success')">success</MButton>
    <MButton type="warning" @click="handleClick('warning')">warning</MButton>
    <MButton type="danger" @click="handleClick('danger')">danger</MButton>
    <MButton type="info" @click="handleClick('info')">info</MButton>
  </div>
</template>
<script lang="ts">
import { messageA } from "/@/m-ui";
import { defineComponent } from "vue";
export default defineComponent({
  components: {},
  setup() {
    const handleClick = (type) => {
      messageA({
        type,
        message: type,
      });
    };
    return {
      handleClick,
    };
  },
});
</script>

<style>
.message-type-demo .m-button {
  margin: 10px;
}
</style>
